import React, {Component} from 'react'
import {
    View,
    Text,
    Button,
    StyleSheet
} from 'react-native'


export default class StyleDemo extends Component {
    constructor(props) {
        super(props);

    }

    render() {

        return (
            <View style={styles.container}>

                <View style={styles.container}>
                    <Text style={styles.text}>
                        Hello React-Native
                    </Text>

                    <Text style={styles.text}>
                        Luo chenjian
                    </Text>

                    <Text style={styles.text}>
                        17715238577
                    </Text>

                    <Text style={styles.text}>
                        26
                    </Text>
                </View>

            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection: 'row',
        height:100,
        // flexDirection: 'column',
        borderWidth: 1,
        borderColor: 'black',
        margin: 5,
        // justifyContent:'space-around',
        justifyContent: 'center',
        // alignItems:'center',
        // flexWrap:'wrap',
    },
    text: {
        margin: 5,
        // height: 100,
        // width: 100,
        fontSize: 15,
        borderWidth: 1,
        borderColor: 'red',
    }
})